module.exports = {
  darkMode: 'class',
  content: [
    './components/**/*.{js,vue,ts}',
    './layouts/**/*.vue',
    './pages/**/*.vue',
    './plugins/**/*.{js,ts}',
    './nuxt.config.{js,ts}',
  ],
  theme: {
    extend: {
      colors: {
        // 文本颜色
        'text-white-0': 'var(--color-white-0)',
        'text-white-1': 'var(--color-text-white-1)',
        'text-white-2': 'var(--color-text-white-2)',
        'text-white-3': 'var(--color-text-white-3)',
        'text-white-4': 'var(--color-text-white-4)',
        'text-white-5': 'var(--color-text-white-5)',
        'text-white-6': 'var(--color-text-white-6)',
        // 背景颜色
        'bg-black-0': 'var(--color-black-0)',
        'bg-black-1': 'var(--color-bg-black-1)',
        'bg-black-2': 'var(--color-bg-black-2)',
        'bg-black-3': 'var(--color-bg-black-3)',
        'bg-black-4': 'var(--color-bg-black-4)',
        'bg-black-5': 'var(--color-bg-black-5)',
        'bg-black-6': 'var(--color-bg-black-6)',
        'bg-black-7': 'var(--color-bg-black-7)',
        'bg-black-8': 'var(--color-bg-black-8)',
        'bg-black-9': 'var(--color-bg-black-9)',
        'bg-black-10': 'var(--color-bg-black-10)',
        'bg-black-11': 'var(--color-bg-black-11)',
        'bg-black-12': 'var(--color-bg-black-12)',
        // 边框
        'border-black-1': 'var(--color-border-black-1)',
        // 品牌色
        'brand': 'var(--color-brand)',
        'brand-600': 'var(--color-brand-600)',
        'brand-700': 'var(--color-brand-700)',
        'brand-100': 'var(--color-brand-100)',
        'brand-200': 'var(--color-brand-200)',
        'brand-30': 'var(--color-brand-30)',
        // 功能色
        'function-red': 'var(--color-function-red)',
        'function-blue': 'var(--color-function-blue)',
        'function-green': 'var(--color-function-green)',
        'function-orange': 'var(--color-function-orange)',
        'function-yellow': 'var(--color-function-yellow)',
        'function-purple': 'var(--color-function-purple)',
      },
      backgroundImage: {
        'gradient-brand': 'var(--gradient-brand)',
      },
    },
  },
  plugins: [],
}
